<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{
	margin:0px;
}
</style>
</head>

<body>

<table align="center" width="100%" height="50" cellpadding="0" cellspacing="0" border="0" bgcolor="#993366">
  <tr>
    <td>d</td>
  </tr>
</table>
<div id="content" style="width:1000px; height:400px; border:0px solid #36C"></div>
<table align="center" width="100%" height="50" cellpadding="0" cellspacing="0" border="0" bgcolor="#993366">
  <tr>
    <td><input type="button" value="查看" onclick="screensee()"/></td>
  </tr>
</table>

<script language="javascript">
document.body.onload = function(){
	
	var contentobj = document.getElementById("content");
	var content = "";
//	alert(document.body.clientWidth);
	content += "网页可见区域宽："+document.body.clientWidth+"<br>";

	content += "网页可见区域宽："+document.body.clientWidth+"<br>";
	content += "网页可见区域高："+document.body.clientHeight+"<br>";
	content += "网页可见区域宽(包括边线的宽)："+document.body.offsetWidth+"<br>";
	content += "网页可见区域高(包括边线的宽) ："+document.body.offsetHeight+"<br>";
	content += "网页正文全文宽："+document.body.scrollWidth+"<br>";
	content += "网页正文全文高："+document.body.scrollHeight+"<br>";
	content += "网页被卷去的上边距："+document.body.scrollTop+"<br>";
	content += "网页被卷去的左边距："+document.body.scrollLeft+"<br>";
	
	content += "屏幕分辨率的宽："+window.screen.width+"<br>";
	content += "屏幕分辨率的高："+window.screen.height+"<br>";
	content += "屏幕可用工作区宽度："+window.screen.availWidth+"<br>";
	content += "屏幕可用工作区高度："+window.screen.availHeight+"<br>";
	
	content += "网页内容可视区域的高度："+document.documentElement.clientWidth+"<br>";
	content += "网页内容可视区域的高度："+document.documentElement.clientHeight+"<br>";
	content += "位于对象最顶端和窗口中可见内容的最顶端之间的距离："+document.documentElement.scrollTop+"<br>";
	
	contentobj.innerHTML = content;

}

</script>
</body>
</html>